.couponDetail {
    width: 100%;
    height: 100%;
    font-size: .35rem;
    background-color: #fff;
}
/*top 部分*/
.top {
	width: 100%;
	height: 3rem;
	background: url(../img/group-4.png) no-repeat left bottom;
	-webkit-background-size: cover;
	background-size: cover;
}
.top .top-inner {
	color:#fff;
	text-align: center;
}
.top .top-inner .title {
	font-size: .6rem;
}
.top .top-inner .product-name {
	margin-top: .2rem;
	font-size: .36rem;
}
/*content 中间部分*/
.content-box {
	/*background-color: #ccc;*/
}
.content-box .item-box .item {
	display: flex;
	height: .8rem;
	line-height: .8rem;
	padding: 0 .2rem;
	font-size: .3rem;
}
.content-box .item-box .item .name {
	flex: 200;
}
.content-box .item-box .item .value {
	flex: 520;
	font-size: .3rem;
	text-align: right;
}
.content-box .rules-box {

}
.content-box .rules-box .item {
	padding: 0 .2rem;
}
.content-box .rules-box .item .name {
	height: .8rem;
	line-height: .8rem;
}
.content-box .rules-box .item .text  {
	line-height: 1.5em;
	text-indent: 2em;
	font-size: .3rem;
}
.qrCode-box{
	/*height: 5rem;*/
	padding-bottom: .36rem;
}
.qrCode-box .qrCode {
	width: 3.5rem;
	height: 3.5rem;
	background-color: #ccc;
	margin: .6rem auto .2rem;
}
.qrCode-box .qrCode canvas,.qrCode-box .qrCode img {
	width: 100%;
	height: 100%;
}
.qrCode-box .code {
	text-align: center;
}
.HSpace1 {
	width: 100%;
	height: .2rem;
	background-color: #f3f6f8;
}
.HSpace2 {
	width: 100%;
	height: .1rem;
	background-color: #f3f6f8;
}
.shareBg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 1000;
	background: url('../../../../../static/images/shareBg.png') no-repeat right top;
	background-size: 100% 100%;
}
.shareBg1 {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 1000;
	background: url('../../../../../static/images/shareBg.png') no-repeat right top;
	background-size: 100% 100%;
}